<!DOCTYPE HTML>
<html>
	<head>
		<title>X轴滚动条</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
		<link type="text/css" href="css/main.css" rel="stylesheet">
		<!--[if lt IE 9]>      <![endif]-->
		<noscript></noscript>
	</head>
	<body>
		<!--滚动条测试区-->
		<div id="sc">
			<div id="mb">

			</div>
			<div id="sa">
				<div class="scroller"></div>
			</div>
		</div>
		<!--滚动条测试区-->
		<script type="text/javascript" src="http://i2.sinaimg.cn/cj/dfz/js/base.js"></script>
		<script>
			$(function() {
				/*测试数据*/
				var insert = '';
				for (var i = 0; i < 20; i++) {
					insert += "<div>测试 " + i + "</div>";
				}
				document.getElementById("mb").innerHTML = insert;
				/*测试数据   */
				var s = new newScroller1({
					scrollerContain : 'sc', //必填：容器Id
					scrollerMoveBox : 'mb', //必须：滚动内容Id
					scrollerArea : 'sa', //必须：滚动条容器Id
					scrollerWidth : false, //选填： 默认单位为px
					scrollerSpeed : 20//选填： 滚轮滚动速率
				}, onScrollerEnd);
				/*到底回调*/
				function onScrollerEnd() {
					console.log("到底");
					//s(新增的长度：单位px);
				}

				var s = new newScroller('#sc', {
					mode : 'horizontal',
					scrollerMoveBox : '#mb',
					scrollerArea : '#sa',
					scroller : '.scroller'
				});
				//$('#sc').scroller({});
			})
		</script>
		<script src="js/newScroller-zjsina-pp-0.1.0.js"></script>
		<script src="js/main.js"></script>
	</body>
</html>